@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Numans);
@import url(http://fonts.googleapis.com/css?family=Monda);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

.leaft{
    float: left;
}
/*estilo para resultados de las comisiones*/
.myCommissions{
   position: relative;
   top: 10%;
   width: 50%;
   height: 17%;
   font-family: 'Numans', sans-serif;   
   background: none;
   border:1px solid;
   border-color: #ece6bd;
}
.myCommissions div label{
    width: 49%;
    float: left;
}

.myCommissions div{
    margin-top: 5px;
    margin-left: 15px;
    background: #ec1;
    margin-top: 6px;
    display: block;
}
.myCommissions div div{
    width: 30%;
    background: none;
    float: left;
    margin-top: 1px;
    display: block;
    
}
/*estilo para resultados de las comisiones*/
/*estilo para resultados de las labores*/
.myLabors{
    position: relative;
    top: 5%;
    left: 3%;
    width: 60%;
    height: 54%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
}

.myLabors div label{
    width: 53%;
    float: left;
    margin-top: 2px;
    margin-left: 5px;
    border-bottom: 1px dashed;
    border-color: #ece6bd;
}

.myLabors div div{
    margin-top: 4px;
    
}
.observaciones{
    width: 100%;
    height: 48%;
    background: none;
    border: 1px;
    margin-top: 5px;
   
    
}

.myLabors .observaciones div{
    margin-left: 5px;
}

.teamDetails{
    
   border: 1px solid;
    position: relative;
    top: 5%;
    left: 3%;
    width: 60%;
    margin-top:10px;
   
}

.teamDetails label{
    
    margin-left: 5px;
}

.teamDetails div label{
    margin-top: 5px;
    width: 53%;
    float: left;
    margin-top: 2px;
   font-size: 13px;
}

.teamDetails div div{
    margin-top: 4px;
    font-size: 13px;
}

/*estilo para resultados de las labores*/
/*estilos para la pestaña de administracion interna de equipos*/
.makeTeam{
    position: relative;
    top: 5%;
    left: 3%;
    width: 34%;
    height: 25%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    
}

.makeTeam div label{
    width: 60%;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
    
}

.makeTeam div input{
    margin-top: 20px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
}

.boton{
    font-size: 13px;
    background: #5f870e;
    color: #ffffff;
    width: 150px;
    height: 70px;
    text-decoration: none;
    padding:10px 20px;
    height:59px;
    border-radius:4px;
}

.boton:hover {
    background:#fff;
    color:#000;
}

.boton:active {
    background:#9933ff;
    color:#111;
}

#makeTeamFormButton{
    position: relative;
    top: 50px;
    left: 0px;
}

.equipoGenerado{
    position: relative;
    top: 5%;
    left: 3%;
    width: 45%;
    height: 25%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
  
}

.equipoGenerado label{
    width: 80%;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
}

.equipoGenerado article{
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
}

.dropTeam{
    position: relative;
    top: 5%;
    left: 3%;
    width: 34%;
    height: 60%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
}

.dropTeam div label{
    width: 60%;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
    
}

.dropTeam div input{
    margin-top: 20px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
}
.dropTeam textarea{
    margin-top: 6px;
     margin-left: 10px;
     font-size: 14px;
     
      max-width:300px;
    max-height: 110px;
    min-width: 300px;
    min-height: 110px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
}

.coloreStage{
    color: #5f870e;
 }

 
 
 .modifyTeam{
    position: relative;
    top: 5%;
    left: 3%;
    width: 50%;
    height: 30%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    background: none;
 }

 
 .modifyTeam  article{
    width: 95%; 
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
    background: none;
    
}

.modifyTeam  input{
    float: left;
}

.modifyTeam  span{
    float: left;
    margin-left: 5px;
    font-size: 13px;
}



.modifyTeam #equipo{
   margin-top: 10px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
    position: absolute;
    right: 60px;
    top: 20px;
    font-size: 14px;
}

.modifyTeam #miembro{
   margin-top: 10px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
    position: absolute;
    right: 60px;
    top: 60px;
    font-size: 14px;
}

.modifyTeam #botonModifyteam{
    position: absolute;
    top: 150px;
    right: 0px;
    font-size: 18px;
    width: 60px;
    height: 20px;
   font-family: 'Monda', sans-serif;
   padding-top: 3px;
   padding-bottom: 16px;
   padding-right: 29px;
}


.incomeReportForm{
    position: relative;
    top: 5%;
    left: 3%;
    width: 50%;
    height: 30%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    background: none;
}

.incomeReportForm #importe{
    margin-top: 10px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
    position: absolute;
    right: 60px;
    top: 20px;
    font-size: 14px;
}

.incomeReportForm #razon{
     margin-top: 10px;
    width: 80px;
    -webkit-border-radius: 5px;
    padding: 3px 3px 3px 3px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid;
    position: absolute;
    right: 60px;
    top: 60px;
    font-size: 14px;
}

.incomeReportForm label{
    width: 95%; 
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 18px;
    background: none;
}

.incomeReportForm input{
    float: left;
    margin-left: 5px;
    font-size: 13px;
}

.incomeReportForm span{
    margin-left: 5px;
    font-size: 13px;
}

#incomeReportFormBoton{
    position: absolute;
    top: 150px;
    right: 0px;
    width: 60px;
    height: 16px;
}
/*estilos para la pestaña de administracion interna de equipos*/
/*estilos de administracion d emiembros*/
.memRegForm{
    position: relative;
    top: 5%;
    left: 3%;
    width: 60%;
    height: 48%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    
} 

.memRegForm div{
    width: 290px;
    margin-top: 7px;
    margin-left: 5px;
    background: none;
    font-size: 16px;
    float: left;
    
 }
 
 .memRegForm div label{
     width: 120px;
     background: none;
 }
 
 
 .memRegForm div input{
     padding: 2px 3px 2px 3px;
      -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 250px;
    text-align: center;
   border: 2px solid;
    border-color: #ece6bd;
 }
 
 .memRegForm #memRegBoton{
    position: absolute;
    width: 60px;
    height: 18px;
    bottom: -50px;
    right: 0px;
 }
 
 
 .projectRegisterForm{
     position: relative;
    top: 5%;
    left: 3%;
    width: 67%;
    height: 68%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
 }
 
 .projectRegisterForm div{
    width: 45%;
    margin-top: 7px;
    margin-left: 15px;
    background: none;
    font-size: 16px;
    float: left;
 }
 .projectRegisterForm div label{
     width: 60%;
     background: none;
 }
 
 .projectRegisterForm div input{
     padding: 2px 3px 2px 3px;
      -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 290px;
    text-align: center;
   border: 2px solid;
    border-color: #ece6bd;
 }
 
  .projectRegisterForm #projectRegisterFormBoton{
    position: absolute;
    width: 60px;
    height: 18px;
    bottom: -50px;
    right: 0px;
 }
 
 .projectRegisterForm .checkOptions span{
     float: left;
     font-size: 13px;
     margin-left: 10px;
     
 }
 
 .projectRegisterForm .checkOptions input{
     width: 10px;
     float: left;
 }
 
 
 
 .pagarCargoForm{
    position: relative;
    top: 5%;
    left: 3%;
    width: 67%;
    height: 30%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;  
 }
 .pagarCargoForm div{
    width: 45%;
    margin-top: 7px;
    margin-left: 15px;
    background: none;
    font-size: 16px;
    float: left;
 }
 .pagarCargoForm div label{
     width: 60%;
     background: none;
 }
 
 .pagarCargoForm div input{
     padding: 2px 3px 2px 3px;
      -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 290px;
    text-align: center;
   border: 2px solid;
    border-color: #ece6bd;
 }
 
 .pagarCargoForm #pagarCargoBoton{
    position: absolute;
    width: 60px;
    height: 18px;
    bottom: -50px;
    right: 0px;
 }
 
 .terminarProyForm{
      position: relative;
    top: 5%;
    left: 3%;
    width: 27%;
    height: 15%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
 }
 
 .terminarProyForm div{
    width: 45%;
    margin-top: 7px;
    margin-left: 15px;
    background: none;
    font-size: 16px;
    float: left;
 }
 .terminarProyForm div label{
     width: 60%;
     background: none;
 }
 
 .terminarProyForm div input{
     padding: 2px 3px 2px 3px;
      -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 130px;
    text-align: center;
   border: 2px solid;
    border-color: #ece6bd;
 }
 
 .terminarProyForm #finalizarBoton{
    position: absolute;
    width: 60px;
    height: 18px;
    bottom: -50px;
    right: 0px;
 }
/*estilo de administracion de miembros*/
/*estilos para la interfaz de auditoria de clientes*/
.imgUsrAuditado{
    position: absolute;
    width: 130px;
    height: 130px;
    right: 28%;
    margin-top: 17px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(89, 126, 13, 0.5);
    box-shadow: 0px 0px 10px 2px rgba(89, 126, 13, 0.5); 
    background: #5f870e;
}


.userAuditingForm{
    position: relative;
    top: 5%;
    left: 3%;
    width: 20%;
    height: 18%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
}

.userAuditingForm div{
    width: 150px;
    margin-top: 7px;
    margin-left: 15px;
    background: none;
    font-size: 16px;
    float: left;
 }

.userAuditingForm div label{
     width: 60%;
     background: none;
 }
 
 .userAuditingForm div input{
    padding: 2px 3px 2px 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 130px;
    margin-top: 20px;
    text-align: center;
   border: 2px solid;
    border-color: #ece6bd;
 }
 .userAuditingForm #infoClienteBoton{
    position: absolute;
    width: 50px;
    height: 18px;
    bottom: -50px;
    right: 0px;
    font-size: 17px;
 }
 
 
 .auditoriaCliente{
    position: relative;
    top: 5%;
    left: 3%;
    width: 70%;
    height: 26%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    
 }
 
 .auditoriaCliente div label{
     
     width: 15%;
     background: none;
     margin-left: 10px;
     margin-top: 5px;
     float: left;
 }
 .auditoriaCliente div span{
     margin-top: 5px;
     background: none;
     width: 80%;
     float: left;
 }
 
 .audClienteProy{
    position: relative;
    top: 5%;
    left: 3%;
    width: 70%;
    height: 35.7%;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    float: left;
    
    
 }
 
 .audClienteProy div label{
     
     width: 30%;
     background: none;
     margin-left: 10px;
     margin-top: 5px;
     float: left;
 }
 
 .audClienteProy div span{
     margin-top: 5px;
     background: none;
     width: 65%;
     float: left;
 }
 
 .tProy{
    position: relative;
    top: 7%;
    left: 3%;
    width: 70%;
    margin-bottom: 20px;
    
    font-size: 14px;
    
    float: left;
 }
 
 .srcProyLst{
  position: relative;
    top: 5%;
    left: 3%;
    width: 40%;
    height: auto;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    float: left;   
 }
 
 .srcProyLst div label{
     
     width: 30%;
     background: none;
     margin-left: 10px;
     margin-top: 5px;
     float: left;
 }
 
 .srcProyLst div span{
     margin-top: 5px;
     background: none;
     width: 65%;
     float: left;
 }
/*estilos para la interfaz de auditoria de clientes*/
